﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <style type="text/css">
        p
        {
            margin: 20px 0 0;
        }
        b
        {
            color: blue;
        }
    </style>
    <script type="text/javascript" src="../common/jquery.js"></script>
</head>
<body>
    <input id="check1" type="checkbox" checked="checked" />
    <label for="check1">
        Check me</label>
    <p>
    </p>
    <script>
        $("input").change(function () {
            var $input = $(this);
            $("p").html(".attr('checked'): <b>" + $input.attr('checked') + "</b><br>" + ".prop('checked'): <b>" + $input.prop('checked') + "</b><br>" + ".is(':checked'): <b>" + $input.is(':checked')) + "</b>";
        }).change();
    </script>
</body>
</html>
